<!DOCTYPE html>
<html lang="en">
<%const {timu:data,title,dir,type} = require(`../tiku_onepage/mock.json`)%>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" type="image/x-icon" href="//www.ieduchina.com/statics/pcc/img/favicon.ico">
  <title>国际教育网_<%=title%></title>
</head>

<body>
  <header>
    <div class="con">
      <h1><img height="53" src="<%=require(`@common/images/升学中心.png`)%>" alt="升学中心"></h1>
      <h2><%=title%></h2>
    </div>
  </header>
  <section>
    <div class="left">
      <h3>学员答案<span>（耗时2分钟）</span></h3>
      <ol>
        <%data.forEach((item,index)=>{%>
        <li>
          <p class="num">
            <%=index+1%>、
          </p>
          <%if(item.type && item.type=="select" ){%>
          <div class="bg">
            <p>
              <%if(index){%>
              <span>A</span>
              <%}else{%>
              <span class="error">A</span>
              <%}%>
                  </p>
          </div>
          <%}else{%>
            <div class="bg">
              <p>
                <%item.dan.forEach((en)=>{%>
                <%if(en.type=="str"){%>
                <%=en.value%>
                <%}else if(en.type=="img"){%>
                <img preview loading="lazy" src="<%=require(`../tiku_onepage/components/timu/images/${dir}/${en.value}.png`)%>" alt="">
                <%}%>
                <%})%>
              </p>
            </div>
            <%}%>
            </li>
            <%})%>
      </ol>
    </div>
    <div class="center">
      <%if(type=="article"){%>
      <h3>题目</h3>
      <%}else{%>
      <h3>正确答案</h3>
      <%}%>
      <%const abc=["A","B","C","D","E","F"]%>
      <%data.forEach((item,index_)=>{%>
      <%if(item.type && item.type=="select" ){%>
      <div class="tm">
        <div>
          <%=item.id%>.
          <%item.timu.forEach((timu)=>{%>
          <%if(timu.type=="img"){%>
          <img preview loading="lazy" src="<%=require(`../tiku_onepage/components/timu/images/${dir}/${timu.value}.png`)%>" alt="">
          <%}else {%>
          <%=timu.value%>
          <%}%>
                    <%})%>
        </div>
        <div class="option">
          <div class="layui-form-item">
            <div class="layui-input-block">
              <%item.options.forEach((opt,index)=>{%>
              <label>
                <span><i></i></span><%=abc[index]%>.&nbsp;
                <%if(opt.type && opt.type=="img" ){%>
                <img preview loading="lazy" src="<%=require(`../tiku_onepage/components/timu/images/${dir}/${opt.value}.png`)%>" alt="">
                <%}else{%>
                <%=opt.value%>
                <%}%>
              </label>
              <%})%>
            </div>
          </div>
        </div>
      </div>
      <div class="bg">
        <div class="d">
          <p><span>
              <%=item.dan %>
            </span></p>
        </div>
      </div>
      <%}else{%>
      <div class="tm">
        <div>
          <%=item.id%>.
          <%item.timu.forEach((timu)=>{%>
          <%if(timu.type && timu.type=="img" ){%>
          <img preview loading="lazy" src="<%=require(`../tiku_onepage/components/timu/images/${dir}/${timu.value}.png`)%>" alt="">
          <%}else{%>
          <%=timu.value%>
          <%}%>
          <%})%>
        </div>
      </div>
      <%if(type!=="article"){%>
      <div class="bg">
        <div class="d">
          <p>
            <%item.dan.forEach((en)=>{%>
            <%if(en.type=="str"){%>
            <%=en.value%>
            <%}else if(en.type=="img"){%>
            <img preview loading="lazy" src="<%=require(`../tiku_onepage/components/timu/images/${dir}/${en.value}.png`)%>" alt="">
            <%}%>
              <%})%>
          </p>
        </div>
      </div>
      <%}%>
      <%}%>
      <%})%>
    </div>
    <div class="right">
      <form action="/submit" method="post">
        <h3>老师评分<span>（满分100）</span></h3>
        <ol>
          <%data.forEach((item,index)=>{%>
          <li>
            <input maxlength="2" name="t<%=index+1%>" type="text" value="">分
          </li>
          <%})%>
        </ol>
        <p>总<input type="text" name="sum">分</p>
        <textarea name="pj" placeholder="请填写评价"></textarea>
        <button type="submit">确认</button>
      </form>
    </div>
  </section>
  <div id="preview" class="">
    <div id="scrawl-main">
      <!-- <img lazy src="images/e338f58a.png" alt=""> -->
      <div id="box" class="box"></div>
      <a class="close">关闭</a>
      <a class="bj" id="bj">编辑</a>
      <a class="bj" id="save" style="display: none;">保存</a>
      <span class="left"></span>
      <span class="right"></span>
      <div class="drawToolbar border_style">
      <div class="colorBar">
          <span data-color="#0099CC" style="background:#0099CC;" class="active"></span>
          <span data-color="#003366" style="background:#003366;"></span>
          <span data-color="#993333" style="background:#993333;"></span>
          <span data-color="#FF9900" style="background:#FF9900;"></span>
          <span data-color="#0000CC" style="background:#0000CC;"></span>
          <span data-color="#CC3333" style="background:#CC3333;"></span>

          <span data-color="#F4D03F" style="background:#641E16;"></span>
          <span data-color="#4A235A" style="background:#4A235A;"></span>
          <span data-color="#009966" style="background:#009966;"></span>
          <span data-color="#ffff00" style="background:#ffff00;"></span>
          <span data-color="#7D6608" style="background:#7D6608;"></span>
          <span data-color="#FF33CC" style="background:#FF33CC;"></span>

          <span data-color="#990066" style="background:#990066;"></span>
          <span data-color="#ffffff" style="background:#ffffff;"></span>
          <span data-color="#9bbb59" style="background:#9bbb59;"></span>
          <span data-color="#CCFFFF" style="background:#CCFFFF;"></span>
          <span data-color="#FFCCCC" style="background:#FFCCCC;"></span>
          <span data-color="#CC99CC" style="background:#CC99CC;"></span>
        </div>

        <div class="sectionBar">
          画笔
          <em class="brushIcon"></em>
          <a href="javascript:void(0)" class="brush-size size1">1</a>
          <a href="javascript:void(0)" class="brush-size size2">3</a>
          <a href="javascript:void(0)" class="brush-size size3">5</a>
          <a href="javascript:void(0)" class="brush-size size4">7</a>
        </div>
        <div class="sectionBar">
          橡皮擦<em class="eraserIcon"></em>
          <a href="javascript:void(0)" class="eraser-size size1">5</a>
          <a href="javascript:void(0)" class="eraser-size size2">10</a>
          <a href="javascript:void(0)" class="eraser-size size3">15</a>
          <a href="javascript:void(0)" class="eraser-size size4">20</a>
        </div>

      <div class="sectionBar">
          <em class="blurIcon"></em>
          <a href="javascript:void(0)" class="blur-size size1">2</a>
          <a href="javascript:void(0)" class="blur-size size2">4</a>
          <a href="javascript:void(0)" class="blur-size size3">6</a>
          <a href="javascript:void(0)" class="blur-size size4">8</a>
        </div>

      <div class="sectionBar">
          <span id="clearSetting" class="clearSetting">
            <em class="icon"></em>
            <em class="text">初始化设置</em>
          </span>
        </div>

      <!-- <div class="sectionBar">
          <div id="J_addImg" class="addImgH">
            <em class="icon"></em>
            <em class="text">添加背景</em>
            <input type="file" class="upload" id="J_canvas_bg" accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp" />

          </div>
        </div> -->

      <!-- <div class="sectionBar">
          <span id="J_removeImg" class="removeImg">
            <em class="icon"></em>
            <em class="text">删除背景</em>
          </span>
        </div>

         -->
      <!-- <div class="sectionBar">
          <span id="J_saveImg" class="saveImg2">
            <em class="icon"></em>
            <em class="text">保存图片</em>
          </span>
        </div>
        <div class="sectionBar">
          <span id="xz" class="saveImg2">
            <em class="icon"></em>
            <em class="text">旋转图片</em>
          </span>
        </div>
        <div class="sectionBar">
          <span id="J_prevStep" class="saveImg2">
            <em class="icon"></em>
            <em class="text">撤回</em>
          </span>
        </div>
        <div class="sectionBar">
          <span id="bj" class="saveImg2">
            <em class="icon"></em>
            <em class="text">编辑</em>
          </span>
        </div> -->
      <!-- </div> -->
    </div>

  </div>
  <!-- <div role="alert" id="textToast" style="display: none;">
    <div class="weui-toast weui-toast_text">
      <p class="weui-toast__content">文字提示</p>
    </div>
  </div> -->
  <script src="https://zhaosheng.ieduchina.com/Public/Admin/js/jquery.js"></script>
  <script src="https://www.ieduchina.com/statics/js/layer.js"></script>
  <!-- <script src="http://d.r9it.com/yygraft/libs/YYGraft.js"></script> -->
</body>

</html>